<template>
    <div>
        <!-- <div class="module_203"   style="padding-bottom: 0px; background: rgb(243, 244, 245);">
            <div class="currency_ad" v-for="(item,index) in imgList1" :key="index+1">
              <div class="currency-adcon" >
                <div class="divboximg flex">
                  <div class="divimg"  style="width:100%">
                    <a class="default_bg" >
                      <img v-if="item.img_url" :src="item.img_url" style="height:48.5px">
                    </a>
                  </div>
                 
                </div>
              </div>
            </div>
          </div>
        <div class="module_203"  v-for="(item,index) in imgList2" :key="index"  style="padding-bottom: 5px; background: rgb(243, 244, 245);">
            <div class="currency_ad" v-for="(it,index) in epiList" :key="index+2">
              <div class="currency-adcon" v-for="(ite,index) in epiList1" :key="index">
                <div class="divboximg flex" v-if="(item,index) in imgList2">
                  <div class="divimg"  style="width:33.3333%">
                    <a class="default_bg" >
                      <img :src="item.img_url" style="height:169.5px">
                    </a>
                  </div>
                  <div class="divimg"  style="width:33.3333%">
                    <a class="default_bg" >
                      <img :src="it.img_url" style="height:169.5px">
                    </a>
                  </div>
                  <div class="divimg"  style="width:33.3333%">
                    <a class="default_bg" >
                      <img :src="ite.img_url" style="height:169.5px">
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div> -->
        <div class="module_203"   style="padding-bottom: 0px; background: rgb(243, 244, 245);">
            <div class="currency_ad" v-for="(item,index) in imgList3" :key="index+3">
              <div class="currency-adcon">
                <div class="divboximg flex">
                  <div class="divimg"  style="width:100%">
                    <a class="default_bg" >
                      <img :src="item.img_url" style="height:35px">
                    </a>
                  </div>
                 
                </div>
              </div>
            </div>
          </div>
        <div class="module_203" v-for="(item,index) in imgList4" :key="index+4"  style="padding-bottom: 0px; background: rgb(243, 244, 245);">
            <div class="currency_ad" >
              <div class="currency-adcon" >
                <div class="divboximg flex" >
                  <div class="divimg"  style="width:50%">
                    <a class="default_bg" >
                      <img :src="item.img_url" style="height:130px">
                    </a>
                  </div>
                 
                  <div class="divimg"  style="width:50%">
                    <a class="default_bg" >
                      <img src="https://img2.epetbar.com/2020-11/16/09/2bc1822c1b19aeb31c92052a6a2f3d81.png?x-oss-process=style/water" style="height:65px">
                    </a>
                     <a class="default_bg" >
                      <img src="https://img2.epetbar.com/2020-09/03/10/c6a5da0809783de44100a2882e78413c.jpg?x-oss-process=style/water" style="height:65px">
                    </a>
                  </div>
                  
                </div>
              </div>
            </div>
          </div>
        <div class="module_203" v-for="(item,index) in imgList5" :key="index+5"  style="padding-bottom: 10px; background: rgb(243, 244, 245);">
            <div class="currency_ad" v-for="(it,index) in imgList6" :key="index+6">
              <div class="currency-adcon" >
                <div class="divboximg flex" >
                  <div class="divimg"  style="width:50%">
                    <a class="default_bg" >
                      <img :src="item.img_url" style="height:65px">
                    </a>
                  </div>
                 
                  <div class="divimg"  style="width:50%">
                    <a class="default_bg" >
                      <img :src="it.img_url" style="height:65px">
                    </a>
                  
                  </div>
                  
                </div>
              </div>
            </div>
          </div>
          <div style="padding-bottom:10px"></div>
          <div class="module_203" v-for="(item,index) in imgList7" :key="index+7"  style="padding-bottom: 10px; background: rgb(243, 244, 245);">
            <div class="currency_ad" v-for="(it,index) in imgList8" :key="index+8">
              <div class="currency-adcon" >
                <div class="divboximg flex" >
                  <div class="divimg"  style="width:50%">
                    <a class="default_bg" >
                      <img :src="item.img_url" style="height:90px">
                    </a>
                  </div>
                 
                  <div class="divimg"  style="width:50%">
                    <a class="default_bg" >
                      <img :src="it.img_url" style="height:90px">
                    </a>
                  
                  </div>
                  
                </div>
              </div>
            </div>
          </div>
        
    </div>
</template>
<script>
export default {
    data() {
    return {
      // imgList1: [],
      // imgList2: [],
      imgList3: [],
      imgList4: [],
      imgList5: [],
      imgList6: [],
      imgList7: [],
      imgList8: [],
      imgList6: [],
      // epiList:[],
      // epiList1:[],
      
    };
  },
   async mounted() {
    let result = await this.$http.get({
      url: "/index/main.html",
      params: {
        do: "getStaticV415",
        cdn_version: "202101181614021",
        pet_type: "dog",
        version: "550",
        is_single: "0",
        isWeb: 1,
        system: "wap",
        distinct_id:
          "1768a295992703-0f83f11c740bf1-230346d-1327104-1768a29599362d",
        debug_param: "",
      },
    });
    // this.imgList1 = result.datas.list.find((v)=>v.index==6927).data.column_images;
    // this.imgList2 = result.datas.list.find((v)=>v.index==6928).data.column_images[0];
    // this.epiList = result.datas.list.find((v)=>v.index==6928).data.column_images[1];
    // this.epiList1 = result.datas.list.find((v)=>v.index==6928).data.column_images[2];
    this.imgList3 = result.datas.list.find((v)=>v.index==6885).data.column_images[0];
    this.imgList4 = result.datas.list.find((v)=>v.index==6886).data.column_images[0];
    this.imgList5 = result.datas.list.find((v)=>v.index==6887).data.column_images[0];
    this.imgList6 = result.datas.list.find((v)=>v.index==6887).data.column_images[1];
    this.imgList7 = result.datas.list.find((v)=>v.index==6276).data.column_images[0];
    this.imgList8 = result.datas.list.find((v)=>v.index==6276).data.column_images[1];
     console.log(result.datas.list.find((v)=>v.index==6885));
    //  console.log(result.datas.list.find((v)=>v.index==6928).data.column_images.find((v)=>v.advid==1383));
    
  },
}
</script>
<style lang="stylus" scoped>
.flex
    display flex
.divimg img {
    width: 100%;
    display: block;
}

</style>